<template>
  <div>
    <head-top routerName="IncomeDetails" title="社群收益"></head-top>
    <div class="content-wrap">
      <div class="IncomeDetails">
        <ul>
          <li v-for="(item, index) in 10" :key="index">
            <span class="price">+0元</span>
            <span class="time">2021.3.{{ index }}</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
import HeadTop from "@/components/head";
export default {
  components: {
    HeadTop,
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.content-wrap {
  .IncomeDetails {
    ul {
      li {
          padding-top: 27px;
          display: flex;
          justify-content: space-between;
        .price {
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #333333;
          line-height: 20px;
        }
        .time {
          height: 17px;
          font-size: 12px;
          font-weight: 400;
          color: #999999;
          line-height: 17px;
        }
      }
    }
  }
}
</style>